import React from "react";
import PropTypes from "prop-types"
function MatchingContent(props){
    return (
        <>
            <div className="tit">配对信息</div>
            <ul className="index_content">
                <li className="flex">
                    <div className="flex-1">配对指数</div>
                    <span className="c_07c160">{props.details.zhishu}</span>
                </li>
                <li className="flex">
                    <div className="flex-1">配对比重</div>
                    <span className="c_F00">{props.details.bizhong}</span>
                </li>
                <li className="flex">
                    <div className="flex-1">两情相悦指数</div>
                    <span className="c_FFC0CB">{props.details.xiangyue}</span>
                </li>
                <li className="flex">
                    <div className="flex-1">天长地久指数</div>
                    <span className="c_8B0016">{props.details.tcdj}</span>
                </li>
              
            </ul>
            <div className="tit">恋爱建议</div>
            <div className="content">
                {props.details.lianai}
            </div>
            <div className="tit">注意事项</div>
            <div className="content">
                {props.details.zhuyi}
            
            </div>
            <div className="tit">结果描述</div>
            <div className="content">
                {props.details.jieguo}
            </div>
        </>
    )
}
MatchingContent.propTypes={
    details:PropTypes.object.isRequired
}
export default MatchingContent